<template>
    <dd-icon :size="size" :color="color"> <Calendar /> </dd-icon>
    <dd-button @click="change" margin="0 0 0 2em">change</dd-button>
</template>

<script setup lang="ts">
import { DdIcon, Calendar } from "@ddongui/icon";
import { ref } from "vue";

const size = ref("1.5em");
const color = ref("#000");
function change() {
    size.value = size.value === "1.5em" ? "2em" : "1.5em";
    color.value = color.value === "#000" ? "tomato" : "#000";
}
</script>
